import React from 'react';
import styles from './filter.less';

export default function() {
  return (
    <div>
      <h1 className={styles.normal}>Page normal</h1>
      <h1 className={styles.filterBlur}>filterBlur</h1>
      <h1 className={styles.filterContract}>filterContract</h1>
      <h1 className={styles.filterHueRotate}>filterHueRotate</h1>
      <h1 className={styles.filterInvert}>filterInvert</h1>
      <h1 className={styles.filterSaturate}>filterSaturate</h1>
      <h1 className={styles.filterBrightness}>filterBrightness</h1>
      <h1 className={styles.filterGrayscale}>filterGrayscale</h1>
      <h1 className={styles.filterSepia}>filterSepia</h1>
      <h1 className={styles.filterOpacity}>filterOpacity</h1>
    </div>
  );
}
